import { commonFontProperties } from '@/config/commonFontProperties'
import { commonElementProperties } from '@/config/commonElementProperties'
import { commonPaddingProperties } from "@/config/commonPaddingProperties"
import { commonRadiusProperties } from "@/config/commonRadiusProperties"
import { commonBorderProperties } from "@/config/commonBorderProperties"


export const baseSytleConfig = {
    type: 'object',
    properties: {
        collapse: {
            type: 'void',
            title: '',
            'x-decorator': 'FormItem',
            'x-component': 'FormCollapse',
            'x-component-props': {
                formCollapse: '{{formCollapse}}',
                style: {
                    width: '100%'
                }
            },
            properties: {
                tabFont: {
                    type: 'void',
                    'x-component': 'FormCollapse.Item',
                    'x-component-props': {
                        title: '字体样式',

                    },
                    properties: { ...commonFontProperties }
                },
                tabBox: {
                    type: 'void',
                    'x-component': 'FormCollapse.Item',
                    'x-component-props': {
                        title: '画布样式',
                    },
                    properties: {
                        ...commonElementProperties

                    },
                },
                tabPadding:{
                    type: 'void',
                    'x-component': 'FormCollapse.Item',
                    'x-component-props': {
                        title: '内边距',
                    },
                    properties:{
                       ...commonPaddingProperties
                    }
                },
                tabRadius:{
                    type: 'void',
                    'x-component': 'FormCollapse.Item',
                    'x-component-props': {
                        title: '圆角',
                    },
                    properties:{
                       ...commonRadiusProperties
                    }
                },
                tabBorder:{
                    type: 'void',
                    'x-component': 'FormCollapse.Item',
                    'x-component-props': {
                        title: '边框',
                    },
                    properties:{
                       ...commonBorderProperties
                    }
                }
            },
        },
    },
}

